<script>
import {defineComponent} from 'vue'

export default defineComponent({
    name: "headerPage",
    data(){
        return{

        }
    },
    methods:{

    },
//     二.在子组件中用props接受夫组件传过来的数据
    props:{
        // 这是第一中直接设置
        // 前面的是传过来的属性名，：后面传过来的是他的类型
        // 注意：传过来的值只能使用不能进行改变
        num:[Number]
    //     传过来的值可能是数字也可能是string类型
    //     num:[Number,String]
    //     第二种如果不确定传过来的是什么可以设置一个对象，并且给他赋予初始值
    //     num:{
    //         这个是他的属性值
    //         type:[Number,String],
    //         这个是他的默认值
    //         default:200
    //     }
    }
})
</script>

<template>
<div>
    <div class="header">头部{{this.num}}</div>
</div>
</template>

<style scoped lang="less">
.header {
  width: 1200px;
  height: 200px;
  background-color: #42b983;
  margin: auto;
}
</style>